import './App.css';
import {createContext, useContext, useEffect, useRef, useState} from "react";

function Son() {

    /**
     * 为什么 useEffect 会执行两次
     * 1.可以删掉 index.tsx 文件里的 StrictMode
     */
    useEffect(() => {
        let timer = setInterval(()=>{
            console.log('定时。。。。')
        }, 1000)
        return ()=> {
            console.log('组件销毁了')
            clearInterval(timer)
        }
    }, []);

    return (
        <div>
            <h1>组件销毁回调测试</h1>
        </div>
    )
}

function App() {
    const [show, setShow] = useState(true)
    return (
        <div>
            {show && <Son/>}
            <button onClick={()=>setShow(false)}>卸载组件</button>
        </div>
    )
}

export default App;